<template>
  <view>
    <m-top
      :autoBack="true"
      :bgChangeByScroll="true"
      bgColor="#8C82FF"
      @getHeight="getGlHeight"
    >
      <view class="c333 font32 fw500">大会详情</view>
    </m-top>

    <m-container :top="glTop">
      <view class="mgt32 pdv40">
        <u-swiper :list="list" height="300rpx"></u-swiper>
        <!--  -->
        <view class="mgt20 flex align-center text-card">
          <view class="font40 text-ell c333 fw500"
            >C3安全大会 2023主论坛C3安全大会 2023主论坛
          </view>
          <!-- <view class="btn mglauto c481 font28" @click="$u.route('/pages-mine/post/index')"> 报名 </view> -->
        </view>

        <!--  -->
        <view class="mgt20">
          <panel-infocard></panel-infocard>
        </view>

        <!--  -->
        <view class="mgt20 tabs">
          <m-tabs
            :list="tabs"
            :current="tabIndex"
            @change="(e) => (tabIndex = e.index)"
          ></m-tabs>
        </view>

        <!--  -->
        <view class="mgt30">
          <!-- <panel-process></panel-process> -->
          <m-card>
            <view class="desc font28">
              6月29日至30日，Ｃ3安全大会•2023在南京召开，为网络强国和数字中国贡献安全智慧。
              本届大会以“安全向未来”为主题，设置1场主论坛、9场技术与行业分论坛、2场特色论坛、1个数字展区，主论坛由“数字激荡未来、安全护航未来、产业共创未来”三大篇章组成，围绕数字中国建设、赋能数字经济、网络安全挑战和技术创新前瞻、ＡＩ牵引网络安全产业变革等主题开展互动交流研讨。来自主管部门、行业协会、科研院所、知名企业等单位2000多位嘉宾参加本次大会。
              江苏省南京市委副书记、市长陈之常说，当前，南京正锚定“建设具有全球影响力的产业科技创新中心主承载区”目标，深入实施产业强市行动，聚力打造万亿级软件和信息服务产业地标，着力构建网络安全高地。加快突破关键核心技术，聚焦网络与通信安全等前沿核心技术，持续推进紫金山实验室等创新平台建设，大力支持相关龙头企业加强产品创新和应用。
            </view>
          </m-card>
        </view>
      </view>
    </m-container>

    <view class="fixed flex column align-center justify-center">
      <image class="flex fixed-icon" src="@/static/icon/live.png"></image>
      <view class="c333 mgt10 font24">回放</view>
    </view>
  </view>
</template>

<script>
import GlTopMixin from "@/mixins/global-top";
import PanelInfocard from "./components/card-info.vue";
import PanelProcess from "./components/card-process.vue";
import PanelGuest from "./components/card-guest.vue";
import PanelNews from "@/pages/index/components/news";

export default {
  mixins: [GlTopMixin],
  components: { PanelInfocard, PanelProcess, PanelGuest, PanelNews },
  data() {
    return {
      list: [
        "https://zgq-icu-2002-1313043931.cos.ap-shanghai.myqcloud.com/yaxin/%E7%BB%84%20225%402x.png",
      ],
      tabIndex: 0,
      tabs: [
        {
          name: "介绍",
        },
        // {
        //   name: "会议回放",
        // }
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
.text-card {
  .btn {
    background: rgba(#481ec1, 0.1);
    border-radius: 28rpx;
    padding: 8rpx 32rpx;
    flex-shrink: 0;
  }
}

.tabs {
  // padding: 0 140rpx;
}

.desc {
  color: #9e9e9e;
}

.fixed {
  position: fixed;
  right: 40rpx;
  bottom: 40rpx;
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(0, 0, 0, 0.1);

  &-icon {
    width: 52rpx;
    height: 32rpx;
  }
}
</style>